<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>库存查询</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/list.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.css" />
		<style>
			.label_input .contentText{display:inline-block;width:90px;text-align:right;} input{width:180px;}
			
		</style>
	</head>
	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
	            <p class="contentText local"><span>位置：库存查询</span></p>
	            
		    		<!-- 搜索区 -->
		            <div class="search_area">
	                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>查询条件</span></h4>
	                    <div class="select_area">
	                        <div class="select_text clear">
	                        	<div class="label_input">
		                            <label class="contentText">所属型号阶段：</label> <input type="text" name="" id="">
	                        	</div>
	                        	<div class="label_input">
		                            <label class="contentText">图号：</label> <input type="text" name="" id="">
	                        	</div>
								<div class="label_input">
		                            <label class="contentText">单机名称：</label> <input type="text" name="" id="">
	                        	</div>
	                        	<div class="label_input">
		                            <label class="contentText">单机代号：</label> <input type="text" name="" id="">
	                        	</div>
	                        	<div class="label_input">
		                            <label class="contentText">批次号：</label> <input type="text" name="" id="">
	                        	</div>
								<div class="label_input">
		                            <label class="contentText">仓库：</label> <input type="text" name="" id="">
	                        	</div>
	                        	<div class="label_input">
									<label class="contentText">开始日期：</label>
									<input type="text" name="" id="dateControl" readonly="readonly" style="width:150px;"/>
								</div>
								<div class="label_input">
									<label class="contentText">结束日期：</label>
									<input type="text" name="" id="dateControl1" readonly="readonly" style="width:150px;"/>
								</div>
	                            <div class="floatLeft">
		                            <button class="btn_search bgd_blue_search">查询</button>
		                            <button class="btn_clear bgd_white_clear">重置</button>
	                            </div>
	                        </div>
	                    </div>
		            </div>
        
        			<!-- 列表区 -->
		            <div class="show_list">
	                	<div class="title_operate">
	                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>库存物料列表</span></h4>
	                	</div>
	                	<div class="list_area">
	                        <!-- 信息列表区 -->
	                        <div class="info_area">
	                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
	                                <tbody>
	                                    <tr class="menuText list_head">
	                                        <th class="">所属型号阶段</th>
	                                        <th class="">图号</th>
	                                        <th class="">单机名称</th>
	                                        <th class="">单机代号</th>
	                                        <th class="">批次号</th>
	                                        <th class="">数量</th>
	                                        <th class="">仓库</th>
	                                        <th class="">入库时间</th>
	                                    </tr>
	                                </tbody>
	                                <tbody class="tablelist">
	                                    <tr class="listTableText list_list">
	                                        <td>WL001</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>p5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                    <tr class="listTableText list_list">
	                                        <td>WL002</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>p5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                    <tr class="listTableText list_list">
	                                        <td>WL003</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>p5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                    <tr class="listTableText list_list">
	                                        <td>WL004</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>p5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                    <tr class="listTableText list_list">
	                                        <td>WL005</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>p5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                    <tr class="listTableText list_list">
	                                        <td>WL006</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>p5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                    <tr class="listTableText list_list">
	                                        <td>WL007</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>p5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                    <tr class="listTableText list_list">
	                                        <td>WL008</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                    <tr class="listTableText list_list">
	                                        <td>WL009</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>p5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                    <tr class="listTableText list_list">
	                                        <td>WL010</td>
	                                        <td>DZ-5</td>
	                                        <td>5K电阻</td>
	                                        <td>c1001</td>
	                                        <td>pc001</td>
	                                        <td>5</td>
	                                        <td>p5</td>
	                                        <td>2020-02-20 10:00:00</td>
	                                    </tr>
	                                </tbody>
	
	                            </table>
	                        </div>
		                    <!-- 页码区域 -->
		                    <div class="page_area contentText clear">
		                    	<div class="page_sum">
		                    		共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
		                    	</div>
		                        <div class="page-pull-right async-page">
		                            <button>首页</button>
		                            <button>&lt;&lt;</button>
		                            <button class="select_page">1</button>
		                            <button>2</button>
		                            <button>3</button>
		                            <button>&gt;&gt;</button>
		                            <button>尾页</button>
		                        </div>
		                    </div>
	                    </div>
	                </div>
			</div>
			<!-- 版尾  -->
			<div class="ending">
				Copyright© 2019-2020 磐基技术有限公司
			</div>
		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/frame/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/jquery-ui.js" type="text/javascript"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);
		
		// 获取每行 td 的兄弟节点
		$("td").hover(   
			function () {      
				$(this).parent().children().addClass("td_hover");   
			},    
			function () {      
				$(this).parent().children().removeClass("td_hover");   
			}
		);
		
		// 日期控件
		$(function(){
	        $("#dateControl").datepicker({
	        	dateFormat : 'yy-mm-dd',
	            monthNamesShort:["January","February","March","April","May","June", "July","August","September","October","November","December"],
	 		 	changeYear:true,
	 		 	changeMonth:true,
	 		 	showOn:"button",
	 		 	buttonImage:"../../img/button/calendar.png",
	 		 	buttonImageOnly:false
	        });
	     });
		$(function(){
	        $("#dateControl1").datepicker({
	        	dateFormat : 'yy-mm-dd',
	            monthNamesShort:["January","February","March","April","May","June", "July","August","September","October","November","December"],
	 		 	changeYear:true,
	 		 	changeMonth:true,
	 		 	showOn:"button",
	 		 	buttonImage:"../../img/button/calendar.png",
	 		 	buttonImageOnly:false
	        });
	     });
		
		//删除规则
	    function delUserGroup() {
			
	        var list = [];
	        var checks = $("input[name='ids']:checked");
	        $.each(checks, function(index, obj) {
	            list.push(obj.id);
	        });
	        if (!list.length > 0) {
	            alert("请选择要删除的内容");
	            return;
	        }
	        if (!confirm("确定要删除所选用户组吗？")) {
	            return;
	        }
	        alert("提醒:删除时，正在使用的用户组将无法删除！");
	        $.ajax({
	            type : 'POST',
	            url : 'userGroup/delUserGroup',
	            data : JSON.stringify(list),
	            contentType : 'application/json; charset=utf-8',
	            async : true,
	            cache : false,
	            success : function(data) {
	                alert(data == 'success' ? "删除成功" : "被使用：无法删除!!!");
	                if (data != 'success') {
	                    return;
	                }
	
	                var current = PageUtils._currentPage['userGroupPage'];
	                PageUtils.pageClick(current, 'userGroupPage');
	            }
	
	        });
	    }
	</script>
</html>
